*{
    padding: 0;
    margin: 0;
}
body{
    font-size: 12px;
    font-family: arial;
    color: #666666;
}
a:hover{
    color: #FF6699;
}
//导航下方
.notice{
    width: 1200px;      
    margin: 0 auto;
    overflow: hidden;
    .list{
        list-style: none;
        width: 1158px;
        height: 90px;
        border: 1px solid #E1E1E1;
        padding: 20px;
        .noticeBig
        {
             width: 1250px; 
        .item
        {
            list-style: none;
            float: left;
            overflow: hidden;
            height: 90px;
            margin-right: 20px;
            .item_tit
            {
                width: 60px;
                float: left;
                text-align: center;
                margin-right: 10px;
                h3{
                    margin-top: 3px;
                    font-size: 14px;
                    height: 17px;
                    font-family: "微软雅黑";
                    overflow: hidden;
                    font-weight: normal;
                    color: #666666;
                }
                .item_pic{
                    width: 57px;
                    height: 57px;
                    margin-top: 10px;
                }
     
            }
            .links
            {
                float: left;
                width: 200px;
                .data_block
                {                    
                    list-style: none;
                    float: left;                   
                    margin-right: 10px;
                    li a
                    {
                       // float: left;
                        font-size: 12px;
                        line-height: 22px;
                        text-decoration: none;
                        color: #666666;
                    }
                    li a.hightlight
                    {
                        color: #FF6699;
                    }
                    li a:hover
                    {
                       color: #FF6699; 
                    }
                }
            } 
      }   }
    }
}
//导航条下notice区域结束
.filter_wrap
{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    .bread_crumbs
    {
       margin-top: 14px;
       color: #999999;
       .corner
        {
            margin-left: 5px;
            margin-right: 5px;       
        }          
        samp
        {
            font-family: simsun,'Advent Pro',sans-serif;
        } 
    }
    .group_box
    {
        margin-top: 12px;
        border: 1px solid #e1e1e1;
        padding-left: 16px;
        padding-right: 16px;
        position: relative;
        .inner_box
        {
            color: #999;
            .first
            {
                border: 0;
            }
            .row
            {
              position: relative;
              border-top: 1px solid #eee; 
                .left_cate
                {
                    position: absolute;
                    left: 0;
                    top: 12px;
                }
                .center_content
                {
                    margin-left: 72px;
                    margin-right: 197px;
                    .items_wraper
                    {
                        height: 38px;
                        overflow: hidden;
                        .items a
                        {
                            float: left;
                            margin-right: 36px;
                            margin-bottom: 12px;
                            margin-top: 12px;
                            height: 12px; 
                            color: #666;
                            text-decoration: none;
                            &:hover
                            {
                                color: #FF6699;
                            } 
                        }
                    }
                } 
            }
            //右侧多选部分
            .right_selector
            {
                position: absolute;
                right: 0;
                top: 12px;
                span
                {
                    cursor: pointer;
                    .arrow_down
                    {
                        display: inline-block;
                        width: 9px;
                        height: 5px;
                        margin-left: 4px;
                        background: url(./../image/arrow_down.png) no-repeat -18px -16px;
                    }
                    .arrow_up
                    {
                        display: inline-block;
                        width: 9px;
                        height: 5px;
                        margin-left: 4px;
                        background: url(./../image/arrow_down.png) no-repeat -18px -23px;
                    }
                }
                .more
                {
                    margin-left: 16px;
                    display:none ;
                }
                .retract
                {
                    margin-left: 16px;
                    display:none ;
                }
                .multiply
                {
                    padding: 4px 5px;
                    border: 1px solid #ddd;
                }
            }
        }
    }
    //--更多筛选部分--
    .box_expend
    {
        width: 100px;
        margin-left: auto;
        margin-right: auto;
        height: 26px;
        //margin-top: -1px;
        span
        {
            margin-top: -1px;
            position: absolute;
            padding: 5px 18px;
            color: #999;
            cursor: pointer;
            border: 1px solid #e1e1e1;
            border-top: 1px solid #fff;
                .arrow_down
                {
                    display: inline-block;
                    width: 9px;
                    height: 5px;
                    margin-left: 4px;
                    background: url(./../image/arrow_down.png) no-repeat -18px -16px;
                }
            .retract
            {
                display: none;
                .arrow_up
                {
                    display: inline-block;
                    width: 9px;
                    height: 5px;
                    margin-left: 4px;
                    background: url(./../image/arrow_down.png) no-repeat -18px -23px;
                }
            }    
        }
    }
    .sort_box
    {
        border: 1px solid #e1e1e1;
        color: #333;
        background: #f8f8f8;
        margin-top: 8px;
        overflow: hidden;
        .bytype
        {
            float: left;
            ul
            {
                list-style: none;
                li
                {
                    float: left;
                    list-style: none;
                    a.first
                    {
                        border-left: none;
                        margin-left: 0;
                    }
                    a.theme
                    {
                        display: block;
                        text-align: center;
                        padding: 12px 20px;
                        text-decoration: none;
                        color: #666;
                        border-right:1px solid #f8f8f8 ;
                        border-bottom:1px solid #f8f8f8 ;
                        &:hover
                        {
                            color: #FF6699;
                            background: #fff;
                        }
                    }
                    a.curr
                    {
                        background-color: #fff;
                        position: relative;
                        z-index: 1px;
                        border-right: 1px solid #e1e1e1;
                        
                    }
                                           
                   
                }
                .laypr
                {
                    position: relative;
                    &:hover .pricesort
                    {
                        display: block;
                        //overflow:auto;
                    }
                    .trigger_link
                    {
                        display: block;
                        padding: 12px 20px;
                        text-align: center;
                        margin-left: -1px;
                        border-left: 1px solid #e1e1e1;
                        border-right: 1px solid #e1e1e1;                       
                        .arrw_down
                        {
                            display: inline-block;
                            width: 9px;
                            height: 5px;
                            margin-left: 4px;
                            background: url(./../image/arrow_down.png) no-repeat -18px -16px;  
                        }
                    }
                    .pricesort
                    {
                        position: absolute;
                        display: none;
                        height: 76px;
                        margin-top: -1px;
                        margin-left: -1px;
                        top: 0;
                        border: 1px solid #c5c5c5;
                        z-index: 3;
                        background: #fff;
                        li
                        {
                            list-style: none;
                            height: 38px;
                            line-height: 38px;
                            float: none;
                            white-space: nowrap;
                            a
                            {
                                padding: 12px 20px;
                                color: #666666;
                                text-decoration: none;
                                &:hover
                                {
                                    color: #FF6699;
                                }
                            }
                        }
                    }
                }
            }
       }
        .byprice
        {
            margin-top: 6px;
            float: left;
            .input
            {
                width: 66px;
                height: 24px;
                border: 1px solid #eaeaea;
                padding: 0 4px;
                
                
            }
            .wavemark
            {
                color: #d9d9d9;
                margin-left: 1px;
                margin-right: 1px;
            }
            .p_submit
            {
                padding: 4px 5px;
                border: 1px solid #e1e1e1;
                margin-left: 6px;
                cursor: pointer;
                background: #fff;
                text-decoration: none;
                color: #666;
                &:hover
                {
                    background: #e1e1e1;
                }
            }
        
        }
        .byother
        {
            float: right;
            margin-right: 10px;
            &:hover
            {
                background: url(./../image/arrow_down.png) no-repeat -60px 0px;
            }
            a
            {
                padding: 12px 10px 7px 10px;
                float: left;
                color: #666;
                text-decoration: none;
                
                .icon_filter
                {
                    float: left;
                    width: 16px;
                    height: 16px;
                    margin-top:-2px;
                    margin-right: 2px;
                    background: url(./../image/arrow_down.png) no-repeat -43px -10px;
                    
                }
            }
        }
    } 
}


//商品墙
.goods
{
    width: 1200px;
    height: 1756px;
    margin: 0 auto;
    overflow: hidden;
    .goods_wall
    {
        width: 1250px;
        .poster_grid
        {
            float: left;
            margin-right: 20px;
//          position: absolute;
            .new_poster
            {
                background: #fff;
                margin-top: 16px;
                width: 224px;
                .np_pic
                {
                    text-align: center;
                    width: 224px;
                    position: relative;
                    .mark
                    {
                        width: 220px;
                        position: absolute;
                        left: 5px;
                        top: -1px;

                    }
                    .like_merge
                    {
                        height: 32px;
                        position: absolute;
                        overflow: hidden;
                        right: 0;
                       
                        top: 6px;
                        left: 174px;
                        .posternew_likes
                        {
                            border-top-left-radius:16px;
                            border-bottom-left-radius:16px;
                            text-align: center;
                            cursor: pointer;
                            font-size: 12px;
                            height: 20px;
                            line-height: 20px;
                            overflow: hidden;
                            padding: 0 5px;
                            background: #FF6699;
                            color: #fff;
                            .lm_love2
                            {
                                width: 20px;
                                background: url(../image/xin.png) no-repeat;
                                padding: 1px 8px 0 7px;
                                background-size: 100% 100%;
                            }
                        }
                        .right_f
                        {
                            float: left;
                        }
                        a.like
                        {
                            text-decoration: none;
                        }
                    }
                    
                }
                .desc_box
                {
                    margin-top: 16px;
                    .showy_info
                    {
                        font-size: 20px;
                        color: #FF6699;
                        height: 29px;
                        line-height: 29px;
                        span
                        {
                            margin-top: 1px;
                            margin-left: -4px;
                            float: left;
                        }
                        .sale_num
                         {
                            float: right;
                            font-size: 12px;
                            color: #999;
                            margin-top: 4px;
                        
                         }
                        
                    }
                    
                }
                .title
                {
                    line-height: 20px;
                    margin-bottom: 18px;
                    font-size: 13px;
                    color: #666;
                    margin-left:0 ;
                    p
                    {
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        
                        a
                        {
                            color: #666;
                            text-decoration: none;
                        }
                    }
                }
                .clear_f
                {
                    clear: both;
                    overflow: hidden;
                    height: 0;

                }
            }
        }
    }
}


